import React, {useState} from 'react'

export default function MultHookStatus() {
    /**
     * 当存在多个状态的时候，可以使用多个useState进行创建
     */
    const [count, setCount] = useState(0);
    const [age, setAge] = useState(18);
    //初始化值可以传入一个数组
    const [friends, setFriends] = useState(["kobe","liLei","hanMeiMei"])
    return (
        <div>
            <h2>当前计数： {count}</h2>
            <h2>我的年龄： {age}</h2>
            {/* 在下面展示一下好朋友的名字 */}
            <ul>
                {
                    friends.map((item, index) => {
                        return <li key={item}>{item}</li>
                    })
                }
            </ul>
        </div>
    )
}
